@media screen and (min-width: 750px) {
    html {
        font-size: 75px !important;
    }
}

@media screen and (max-width: 320px) {
    html {
        font-size: 32px !important;
    }
}

body {
    overflow-x: hidden;
    background-color: #ffffff;
}

header {
    margin-top: .4rem;
    width: 10rem;
    display: flex;
    justify-content: space-between;
    // background-color: aqua;

    >div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-left: .32rem;

        img {
            width: .64rem;
            height: .64rem;
        }

        span {
            padding-left: .4rem;
            width: .96rem;
            height: .6667rem;
            font-family: PingFang SC;
            color: #06121e;
            font-size: .48rem;
        }
    }

    >div:nth-child(2) {
        display: flex;

        width: 2.6133rem;
        height: .5333rem;


        margin-right: .2933rem;

        >a {
            white-space: nowrap;
            margin-bottom: -0.2667rem;
            font-size: .3733rem;
            color: #6a6c6b;
        }
    }
}

footer {

    width: 10rem;
    // height: 200px;
    align-items: center;
    // background-color: aqua;
    margin-top: .8rem;
    display: flex;

    >div {

        img {
            padding-left: .8rem;
            width: 1.6rem;
            height: 1.6rem;
        }
    }

    >div:nth-child(2) {
        padding-left: .3333rem;
        display: flex;
        flex-direction: column;



        span:nth-child(1) {
            width: 1.76rem;
            height: .8rem;
            font-family: PingFang SC;
            font-weight: 700;
            color: #202020;
            font-size: .5867rem;
        }

        span:nth-child(2) {
            width: 5.5467rem;
            height: .5867rem;
            font-family: PingFang SC;
            color: #6a6c6b;
            font-size: .4267rem;
            white-space: nowrap;
        }

        em {
            font-weight: bold;
            color: #6a6c6b;
        }
    }


}



.enter {
    margin-left: .9333rem;
    display: flex;
    flex-direction: column;
    width: 10rem;
    margin-top: 1.0667rem;

    input {
        padding: .4rem;
        color: #b0b8c2;
        font-size: .4533rem;
        border-color: #bdc4ce;
        border-bottom: .0133rem solid #bdc4ce;
        ;




    }
}

.footer1 {
    margin-top: .2667rem;
    display: flex;
    align-items: center;
    margin-left: .9067rem;


    img {
        width: .5333rem;
        height: .5333rem;
        background-color: #f2f2f2;
    }

    span {
        font-size: .32rem;
        white-space: wrap;
        color: #8c9198;
        width: 6.2933rem;
        margin-left: .0533rem;
        white-space: nowrap;

    }

    em {
        font-weight: bold;

    }
}

.login {
    margin-top: .6667rem;
    width: 10rem;
    display: flex;
    align-items: center;

    img {
        width: 7.28rem;
        height: 1.3333rem;
        margin: auto;
    }
}

p {
    padding-top: .4rem;
    padding-left: .8rem;
    // float: left;
    width: 1.4933rem;
    height: .5333rem;
    font-family: PingFang SC;
    font-weight: 700;
    color: #6a6c6b;
    white-space: nowrap;
    font-size: .3733rem;
}

.p2 {
    width: 2.24rem;
    height: .4533rem;
    color: #6a6c6b;
    font-size: .32rem !important;
    padding-top: .6667rem;
    white-space: nowrap;
    margin: auto;
}

.bottom {
    margin-top: .5333rem;
    display: flex;
    width: 10rem;
    margin-left: 1.3067rem;
    justify-content: space-center;

    img {

        width: 1.84rem;
        height: 1.84rem;
        // border: .0133rem solid;
        // border-color: #707070;
        box-shadow: 0 .08rem .16rem rgba(118, 118, 118, 0.16);
    }
}